<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>浮动</title>
   <style>
       .container{
           width: 100%;
           height: 500px;
           background-color: aquamarine;

       }
       .food{
           width: 300px;
           height: 400px;
           border: 2px solid royalblue;
           float: left;
       }
       .entertainment{
           width: 700px;
           height: 400px;
           border: 2px solid royalblue;
           float: left;
           margin-left: 20px;
       }
       .top-nav{
           width: 90%;
           height: 40px;
       }
       .return-index{
           width: 120px;
           height: 30px;
           float: left;
       }
       .short-menu{
           width: 320px;
           height: 30px;
           float: right;
       }
   </style>
</head>
<body>
    <div class="container">
        <!--美食-->
        <div class="food"></div>
        <!--娱乐休闲-->
        <div class="entertainment"></div>
    </div>
    <div class="top-nav">
        <div class="return-index">
            <a href="">大众点评</a>
        </div>
        <div class="short-menu">
            <a href="">写点评</a>
        </div>

    </div>
</body>
</html>